﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <title>DOM 요소 생성 후 원하는 요소에 추가</title>

    <style type="text/css">
        .Yellow{ background-color: Yellow }
        .Green{ background-color: Green }
    </style>

    <script src="jquery-1.6.2.js" type="text/javascript"></script>

    <script type="text/javascript">
        $(document).ready(function() {


        });
    </script>

</head>

<body>

<!--동적으로 태그 추가 -->
<span id="lblDisplay"><b>여기에 태그 추가</b></span>

<!--동적으로 테이블 추가 -->
<input type="text" id="row" />행
<input type="text" id="col" />열
<input type="button" id="btnCreate" value="테이블 동적 생성" />

<div id="lblTable"></div>

</body>

</html>

